<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link href="/crm-core/css/bootstrap_css_5/bootstrap.min.css" type="text/css" rel="stylesheet"/>
    <link href="/crm-core/css/jquery_datetimepicker/jquery.datetimepicker.min.css" type="text/css" rel="stylesheet"/>
    <link href="/crm-core/css/pagination/jquery.bs_pagination.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="/crm-core/js/jquery/jquery-3.7.1-min.js"></script>
    <script type="text/javascript" src="/crm-core/js/bootstrap_js_5/bootstrap.bundle.js"></script>
    <script type="text/javascript" src="/crm-core/js/jquery_datetimepicker/jquery.datetimepicker.full.min.js"></script>
    <script type="text/javascript" src="/crm-core/js/bs_pagination/localization/en.js"></script>
    <script type="text/javascript" src="/crm-core/js/bs_pagination/jquery.bs_pagination.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#test").bs_pagination({
                totalPages: 100,
            });
        });
    </script>
    <title>测试分页插件</title>
</head>
<body>
<div class="container-fluid">
    <div class="row align-items-start">
        <div class="col-2">
            <button type="button" class="btn btn-default mr-sm-2">
                <span>共-<b id="pagesCount"></b>-条记录</span>
            </button>
        </div>
        <div class="col-10">
            <div id="test"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-3 mb-3">
            <label >
                <input class="form-control" type="text">
            </label>
        </div>
    </div>
</div>
</body>
</html>